<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>iconfont Demo</title>
    <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon" />
    <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg" />
    <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css" />
    <link rel="stylesheet" href="demo.css" />
    <link rel="stylesheet" href="iconfont.css" />
    <script src="iconfont.js"></script>
    <!-- jQuery -->
    <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
    <!-- 代码高亮 -->
    <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
    <style>
      .main .logo {
        margin-top: 0;
        height: auto;
      }

      .main .logo a {
        display: flex;
        align-items: center;
      }

      .main .logo .sub-title {
        margin-left: 0.5em;
        font-size: 22px;
        color: #fff;
        background: linear-gradient(-45deg, #3967ff, #b500fe);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    </style>
  </head>
  <body>
    <div class="main">
      <h1 class="logo">
        <a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
          <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg" />
        </a>
      </h1>
      <div class="nav-tabs">
        <ul id="tabs" class="dib-box">
          <li class="dib active"><span>Unicode</span></li>
          <li class="dib"><span>Font class</span></li>
          <li class="dib"><span>Symbol</span></li>
        </ul>

        <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2513360" target="_blank" class="nav-more">查看项目</a>
      </div>
      <div class="tab-container">
        <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
              <div class="name">上升</div>
              <div class="code-name">&amp;#xe750;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
              <div class="name">下降</div>
              <div class="code-name">&amp;#xe756;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xec1c;</span>
              <div class="name">更多</div>
              <div class="code-name">&amp;#xec1c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
              <div class="name">区域碰撞</div>
              <div class="code-name">&amp;#xe68e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
              <div class="name">查询</div>
              <div class="code-name">&amp;#xe691;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
              <div class="name">伴随同行</div>
              <div class="code-name">&amp;#xe6a3;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
              <div class="name">手机店招</div>
              <div class="code-name">&amp;#xe68f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
              <div class="name">警告</div>
              <div class="code-name">&amp;#xe690;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
              <div class="name">车辆管理</div>
              <div class="code-name">&amp;#xe694;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
              <div class="name">statis</div>
              <div class="code-name">&amp;#xe696;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
              <div class="name">任务</div>
              <div class="code-name">&amp;#xe697;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
              <div class="name">身份信息</div>
              <div class="code-name">&amp;#xe6b8;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
              <div class="name">数据可视化1</div>
              <div class="code-name">&amp;#xe69a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
              <div class="name">mac-fill</div>
              <div class="code-name">&amp;#xe69b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
              <div class="name">交流</div>
              <div class="code-name">&amp;#xe69c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
              <div class="name">常住人口</div>
              <div class="code-name">&amp;#xe69d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
              <div class="name">城市_fill</div>
              <div class="code-name">&amp;#xe79d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe8b7;</span>
              <div class="name">公文包,工具箱,手提包,行李包</div>
              <div class="code-name">&amp;#xe8b7;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe946;</span>
              <div class="name">SIM卡,手机卡,电话卡</div>
              <div class="code-name">&amp;#xe946;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
              <div class="name">通知</div>
              <div class="code-name">&amp;#xe689;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
              <div class="name">通知通告</div>
              <div class="code-name">&amp;#xe68d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
              <div class="name">链接</div>
              <div class="code-name">&amp;#xe67b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
              <div class="name">表情</div>
              <div class="code-name">&amp;#xe67c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe8ba;</span>
              <div class="name">图片</div>
              <div class="code-name">&amp;#xe8ba;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
              <div class="name">复制文件</div>
              <div class="code-name">&amp;#xe675;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
              <div class="name">折线图</div>
              <div class="code-name">&amp;#xe677;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
              <div class="name">查看</div>
              <div class="code-name">&amp;#xe678;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe8c8;</span>
              <div class="name">224用户</div>
              <div class="code-name">&amp;#xe8c8;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
              <div class="name">身份</div>
              <div class="code-name">&amp;#xe679;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
              <div class="name">ETCzhangdan</div>
              <div class="code-name">&amp;#xe6e9;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
              <div class="name">会员查询</div>
              <div class="code-name">&amp;#xe67a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
              <div class="name">污染源可视化</div>
              <div class="code-name">&amp;#xe67d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
              <div class="name">查看详情</div>
              <div class="code-name">&amp;#xe67f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
              <div class="name">转换视图</div>
              <div class="code-name">&amp;#xe680;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
              <div class="name">list-search</div>
              <div class="code-name">&amp;#xe68b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
              <div class="name">城市地址</div>
              <div class="code-name">&amp;#xe68c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
              <div class="name">地图</div>
              <div class="code-name">&amp;#xe816;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
              <div class="name">安全监测</div>
              <div class="code-name">&amp;#xe78b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
              <div class="name">添加用户</div>
              <div class="code-name">&amp;#xe674;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
              <div class="name">语音-关2</div>
              <div class="code-name">&amp;#xe6bc;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
              <div class="name">语音-开2</div>
              <div class="code-name">&amp;#xe6bf;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
              <div class="name">录像关</div>
              <div class="code-name">&amp;#xe676;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe8c4;</span>
              <div class="name">定位</div>
              <div class="code-name">&amp;#xe8c4;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
              <div class="name">疑问-线性</div>
              <div class="code-name">&amp;#xe79a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
              <div class="name">停用</div>
              <div class="code-name">&amp;#xe693;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
              <div class="name">复制</div>
              <div class="code-name">&amp;#xe66d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
              <div class="name">新增机构</div>
              <div class="code-name">&amp;#xe66e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
              <div class="name">维修</div>
              <div class="code-name">&amp;#xe671;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
              <div class="name">综合治理</div>
              <div class="code-name">&amp;#xe672;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
              <div class="name">line-base station（基站）</div>
              <div class="code-name">&amp;#xe717;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
              <div class="name">地图</div>
              <div class="code-name">&amp;#xe673;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
              <div class="name">终端查询</div>
              <div class="code-name">&amp;#xe669;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
              <div class="name">维修</div>
              <div class="code-name">&amp;#xe66a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
              <div class="name">错误</div>
              <div class="code-name">&amp;#xe70d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
              <div class="name">正确</div>
              <div class="code-name">&amp;#xe66c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
              <div class="name">统计</div>
              <div class="code-name">&amp;#xe6a1;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
              <div class="name">更多</div>
              <div class="code-name">&amp;#xe652;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
              <div class="name">用户</div>
              <div class="code-name">&amp;#xe654;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
              <div class="name">用户查找</div>
              <div class="code-name">&amp;#xe657;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
              <div class="name">标签</div>
              <div class="code-name">&amp;#xe6a0;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
              <div class="name">男</div>
              <div class="code-name">&amp;#xe664;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
              <div class="name">用户星</div>
              <div class="code-name">&amp;#xe72a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
              <div class="name">标题图标</div>
              <div class="code-name">&amp;#xe658;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
              <div class="name">统计</div>
              <div class="code-name">&amp;#xe65a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
              <div class="name">女</div>
              <div class="code-name">&amp;#xe6e3;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
              <div class="name">重新生成初始密码</div>
              <div class="code-name">&amp;#xe65b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
              <div class="name">icon-线索</div>
              <div class="code-name">&amp;#xe65f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
              <div class="name">手机</div>
              <div class="code-name">&amp;#xe660;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
              <div class="name">依赖库</div>
              <div class="code-name">&amp;#xe698;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
              <div class="name">授权</div>
              <div class="code-name">&amp;#xe66f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
              <div class="name">数据源模型</div>
              <div class="code-name">&amp;#xe665;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
              <div class="name">查看</div>
              <div class="code-name">&amp;#xe666;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
              <div class="name">分拨库</div>
              <div class="code-name">&amp;#xe6a2;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
              <div class="name">文件夹</div>
              <div class="code-name">&amp;#xe668;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
              <div class="name">复制</div>
              <div class="code-name">&amp;#xe6c7;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
              <div class="name">总览</div>
              <div class="code-name">&amp;#xe692;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
              <div class="name">案件类型</div>
              <div class="code-name">&amp;#xe64f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
              <div class="name">新闻</div>
              <div class="code-name">&amp;#xe650;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
              <div class="name">状态查询</div>
              <div class="code-name">&amp;#xe651;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
              <div class="name">车辆-01</div>
              <div class="code-name">&amp;#xe64d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
              <div class="name">记录列表</div>
              <div class="code-name">&amp;#xe688;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
              <div class="name">卫星</div>
              <div class="code-name">&amp;#xe63f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
              <div class="name">3D</div>
              <div class="code-name">&amp;#xe65d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe97e;</span>
              <div class="name">登录,进入,进</div>
              <div class="code-name">&amp;#xe97e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
              <div class="name">暂停</div>
              <div class="code-name">&amp;#xe63b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
              <div class="name">查询-我的项目</div>
              <div class="code-name">&amp;#xe6de;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
              <div class="name">录像</div>
              <div class="code-name">&amp;#xe647;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
              <div class="name">录音</div>
              <div class="code-name">&amp;#xe648;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
              <div class="name">手机</div>
              <div class="code-name">&amp;#xe633;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
              <div class="name">坐标</div>
              <div class="code-name">&amp;#xe62b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
              <div class="name">首页</div>
              <div class="code-name">&amp;#xe64e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
              <div class="name">路线查询</div>
              <div class="code-name">&amp;#xe62d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
              <div class="name">基本信息</div>
              <div class="code-name">&amp;#xe637;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
              <div class="name">路况</div>
              <div class="code-name">&amp;#xe758;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
              <div class="name">环境监测</div>
              <div class="code-name">&amp;#xe6a9;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
              <div class="name">测量</div>
              <div class="code-name">&amp;#xe63d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
              <div class="name">重点跟踪</div>
              <div class="code-name">&amp;#xe63e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
              <div class="name">问卷调查</div>
              <div class="code-name">&amp;#xe641;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
              <div class="name">App Recent-1</div>
              <div class="code-name">&amp;#xe643;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe8a5;</span>
              <div class="name">通讯录,通讯本,电话本,号码本</div>
              <div class="code-name">&amp;#xe8a5;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
              <div class="name">轨迹</div>
              <div class="code-name">&amp;#xe645;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
              <div class="name">业务</div>
              <div class="code-name">&amp;#xe68a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xf307;</span>
              <div class="name">放大</div>
              <div class="code-name">&amp;#xf307;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
              <div class="name">导出</div>
              <div class="code-name">&amp;#xe61d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
              <div class="name">通过</div>
              <div class="code-name">&amp;#xe65c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
              <div class="name">未完成</div>
              <div class="code-name">&amp;#xe755;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
              <div class="name">业务总数</div>
              <div class="code-name">&amp;#xe616;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
              <div class="name">播放</div>
              <div class="code-name">&amp;#xe61f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
              <div class="name">查看</div>
              <div class="code-name">&amp;#xe619;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
              <div class="name">超时-solid</div>
              <div class="code-name">&amp;#xe61a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
              <div class="name">审批</div>
              <div class="code-name">&amp;#xe6da;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe99a;</span>
              <div class="name">移动</div>
              <div class="code-name">&amp;#xe99a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe99b;</span>
              <div class="name">联通</div>
              <div class="code-name">&amp;#xe99b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe99c;</span>
              <div class="name">电信</div>
              <div class="code-name">&amp;#xe99c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
              <div class="name">查看</div>
              <div class="code-name">&amp;#xe6b5;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
              <div class="name">处理</div>
              <div class="code-name">&amp;#xe65e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
              <div class="name">通讯录</div>
              <div class="code-name">&amp;#xe687;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
              <div class="name">数据</div>
              <div class="code-name">&amp;#xe639;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
              <div class="name">首页</div>
              <div class="code-name">&amp;#xe62f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
              <div class="name">菜单</div>
              <div class="code-name">&amp;#xe626;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
              <div class="name">下拉</div>
              <div class="code-name">&amp;#xe642;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
              <div class="name">信息中心</div>
              <div class="code-name">&amp;#xe684;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
              <div class="name">wifi</div>
              <div class="code-name">&amp;#xe704;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
              <div class="name">查询材价</div>
              <div class="code-name">&amp;#xe635;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
              <div class="name">AK-ZY_交流</div>
              <div class="code-name">&amp;#xe60d;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
              <div class="name">任务</div>
              <div class="code-name">&amp;#xe656;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
              <div class="name">告警</div>
              <div class="code-name">&amp;#xe60e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
              <div class="name">水滴</div>
              <div class="code-name">&amp;#xe627;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
              <div class="name">数据查询</div>
              <div class="code-name">&amp;#xe634;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
              <div class="name">图片</div>
              <div class="code-name">&amp;#xe695;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
              <div class="name">app</div>
              <div class="code-name">&amp;#xe6d7;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
              <div class="name">人员管理</div>
              <div class="code-name">&amp;#xe62a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
              <div class="name">热力图</div>
              <div class="code-name">&amp;#xe6be;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
              <div class="name">控制点</div>
              <div class="code-name">&amp;#xe631;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
              <div class="name">指挥中心</div>
              <div class="code-name">&amp;#xe618;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
              <div class="name">轨迹-01</div>
              <div class="code-name">&amp;#xe612;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
              <div class="name">协同指挥大屏</div>
              <div class="code-name">&amp;#xe632;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
              <div class="name">应用</div>
              <div class="code-name">&amp;#xe613;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
              <div class="name">服务区域</div>
              <div class="code-name">&amp;#xe685;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
              <div class="name">布控告警</div>
              <div class="code-name">&amp;#xe686;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
              <div class="name">设备管理</div>
              <div class="code-name">&amp;#xe614;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe89c;</span>
              <div class="name">案件,档案,档案夹</div>
              <div class="code-name">&amp;#xe89c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe924;</span>
              <div class="name">监控,控制,管理监</div>
              <div class="code-name">&amp;#xe924;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe9d6;</span>
              <div class="name">战斗机,作战</div>
              <div class="code-name">&amp;#xe9d6;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe867;</span>
              <div class="name">视频点位管理</div>
              <div class="code-name">&amp;#xe867;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe879;</span>
              <div class="name">碰撞分析</div>
              <div class="code-name">&amp;#xe879;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
              <div class="name">设备组</div>
              <div class="code-name">&amp;#xe63c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
              <div class="name">导入</div>
              <div class="code-name">&amp;#xe659;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
              <div class="name">下载</div>
              <div class="code-name">&amp;#xe683;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
              <div class="name">已告警</div>
              <div class="code-name">&amp;#xe629;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
              <div class="name">新增-表格</div>
              <div class="code-name">&amp;#xe621;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
              <div class="name">监测点管理</div>
              <div class="code-name">&amp;#xe649;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
              <div class="name">设备</div>
              <div class="code-name">&amp;#xe644;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
              <div class="name">无线网</div>
              <div class="code-name">&amp;#xe699;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
              <div class="name">告警配置</div>
              <div class="code-name">&amp;#xe63a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
              <div class="name">监测点</div>
              <div class="code-name">&amp;#xe64c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
              <div class="name">告警报表</div>
              <div class="code-name">&amp;#xe60b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
              <div class="name">告警视图</div>
              <div class="code-name">&amp;#xe60c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
              <div class="name">监测</div>
              <div class="code-name">&amp;#xe730;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe85e;</span>
              <div class="name">设备</div>
              <div class="code-name">&amp;#xe85e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe881;</span>
              <div class="name">在线监测</div>
              <div class="code-name">&amp;#xe881;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
              <div class="name">暂停</div>
              <div class="code-name">&amp;#xe638;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
              <div class="name">启用</div>
              <div class="code-name">&amp;#xe67e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
              <div class="name">匹配职位-填充</div>
              <div class="code-name">&amp;#xe625;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
              <div class="name">电脑</div>
              <div class="code-name">&amp;#xe630;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
              <div class="name">菜单-实色</div>
              <div class="code-name">&amp;#xe653;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
              <div class="name">角色列表</div>
              <div class="code-name">&amp;#xe610;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe866;</span>
              <div class="name">编辑</div>
              <div class="code-name">&amp;#xe866;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe869;</span>
              <div class="name">点击</div>
              <div class="code-name">&amp;#xe869;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
              <div class="name">删除</div>
              <div class="code-name">&amp;#xe707;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
              <div class="name">超链接</div>
              <div class="code-name">&amp;#xe611;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
              <div class="name">用户</div>
              <div class="code-name">&amp;#xe646;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
              <div class="name">权限</div>
              <div class="code-name">&amp;#xe609;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
              <div class="name">案件查询</div>
              <div class="code-name">&amp;#xe602;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
              <div class="name">部门管理</div>
              <div class="code-name">&amp;#xe60a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
              <div class="name">管理</div>
              <div class="code-name">&amp;#xe601;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
              <div class="name">日期</div>
              <div class="code-name">&amp;#xe617;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
              <div class="name">搜索</div>
              <div class="code-name">&amp;#xe61c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
              <div class="name">合同规则管控</div>
              <div class="code-name">&amp;#xe6a8;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
              <div class="name">分析(2)</div>
              <div class="code-name">&amp;#xe661;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
              <div class="name">手机</div>
              <div class="code-name">&amp;#xe615;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
              <div class="name">手机</div>
              <div class="code-name">&amp;#xe620;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
              <div class="name">消息</div>
              <div class="code-name">&amp;#xe6eb;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
              <div class="name">档案</div>
              <div class="code-name">&amp;#xe667;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
              <div class="name">人像</div>
              <div class="code-name">&amp;#xe622;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
              <div class="name">放大</div>
              <div class="code-name">&amp;#xe60f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
              <div class="name">关联</div>
              <div class="code-name">&amp;#xe623;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
              <div class="name">分析</div>
              <div class="code-name">&amp;#xe624;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
              <div class="name">数据图谱</div>
              <div class="code-name">&amp;#xe62e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
              <div class="name">统计分析</div>
              <div class="code-name">&amp;#xe607;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
              <div class="name">流通参数</div>
              <div class="code-name">&amp;#xe61b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
              <div class="name">运营分析</div>
              <div class="code-name">&amp;#xe61e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
              <div class="name">分析统计</div>
              <div class="code-name">&amp;#xe608;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
              <div class="name">etc</div>
              <div class="code-name">&amp;#xe663;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
              <div class="name">无线网络</div>
              <div class="code-name">&amp;#xe604;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
              <div class="name">档案调阅</div>
              <div class="code-name">&amp;#xe628;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
              <div class="name">分析趋势</div>
              <div class="code-name">&amp;#xe69f;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
              <div class="name">人脸抓拍</div>
              <div class="code-name">&amp;#xe682;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
              <div class="name">书签</div>
              <div class="code-name">&amp;#xe6c6;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe88e;</span>
              <div class="name">车辆</div>
              <div class="code-name">&amp;#xe88e;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
              <div class="name">基础管理</div>
              <div class="code-name">&amp;#xe779;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
              <div class="name">字典表管理</div>
              <div class="code-name">&amp;#xe780;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
              <div class="name">通用-展开</div>
              <div class="code-name">&amp;#xe62c;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
              <div class="name">通用-收起</div>
              <div class="code-name">&amp;#xe640;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
              <div class="name">邮件</div>
              <div class="code-name">&amp;#xe600;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
              <div class="name">警告</div>
              <div class="code-name">&amp;#xe605;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
              <div class="name">常规字典</div>
              <div class="code-name">&amp;#xe655;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
              <div class="name">上传</div>
              <div class="code-name">&amp;#xe606;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
              <div class="name">日志</div>
              <div class="code-name">&amp;#xe64a;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
              <div class="name">终端控制</div>
              <div class="code-name">&amp;#xe6b4;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
              <div class="name">系统管理</div>
              <div class="code-name">&amp;#xe603;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
              <div class="name">主题</div>
              <div class="code-name">&amp;#xe66b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
              <div class="name">地图</div>
              <div class="code-name">&amp;#xe681;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
              <div class="name">监控</div>
              <div class="code-name">&amp;#xe670;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
              <div class="name">疑问号</div>
              <div class="code-name">&amp;#xe636;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
              <div class="name">提示</div>
              <div class="code-name">&amp;#xe662;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
              <div class="name">建筑</div>
              <div class="code-name">&amp;#xe64b;</div>
            </li>

            <li class="dib">
              <span class="icon iconfont">&#xe884;</span>
              <div class="name">消息</div>
              <div class="code-name">&amp;#xe884;</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="unicode-">Unicode 引用</h2>
            <hr />

            <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
            <ul>
              <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
              <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
            </ul>
            <blockquote>
              <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
            </blockquote>
            <p>Unicode 使用步骤如下：</p>
            <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
            <pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1635235457355') format('woff2'),
       url('iconfont.woff?t=1635235457355') format('woff'),
       url('iconfont.ttf?t=1635235457355') format('truetype');
}
</code></pre>
            <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
            <pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
            <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
            <pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
            <blockquote>
              <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
            </blockquote>
          </div>
        </div>
        <div class="content font-class">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <span class="icon iconfont icon-shangsheng"></span>
              <div class="name">
                上升
              </div>
              <div class="code-name">.icon-shangsheng</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiajiang"></span>
              <div class="name">
                下降
              </div>
              <div class="code-name">.icon-xiajiang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gengduo"></span>
              <div class="name">
                更多
              </div>
              <div class="code-name">.icon-gengduo</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-icon-"></span>
              <div class="name">
                区域碰撞
              </div>
              <div class="code-name">.icon-icon-</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chaxun"></span>
              <div class="name">
                查询
              </div>
              <div class="code-name">.icon-chaxun</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-bansuitonghang"></span>
              <div class="name">
                伴随同行
              </div>
              <div class="code-name">.icon-bansuitonghang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shoujidianzhao"></span>
              <div class="name">
                手机店招
              </div>
              <div class="code-name">.icon-shoujidianzhao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jinggao1"></span>
              <div class="name">
                警告
              </div>
              <div class="code-name">.icon-jinggao1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-cheliangguanli"></span>
              <div class="name">
                车辆管理
              </div>
              <div class="code-name">.icon-cheliangguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongji2"></span>
              <div class="name">
                statis
              </div>
              <div class="code-name">.icon-tongji2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renwu1"></span>
              <div class="name">
                任务
              </div>
              <div class="code-name">.icon-renwu1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shenfenxinxi"></span>
              <div class="name">
                身份信息
              </div>
              <div class="code-name">.icon-shenfenxinxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shujukeshihua"></span>
              <div class="name">
                数据可视化1
              </div>
              <div class="code-name">.icon-shujukeshihua</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-mac-fill"></span>
              <div class="name">
                mac-fill
              </div>
              <div class="code-name">.icon-mac-fill</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiaoliu"></span>
              <div class="name">
                交流
              </div>
              <div class="code-name">.icon-jiaoliu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-changzhurenkou"></span>
              <div class="name">
                常住人口
              </div>
              <div class="code-name">.icon-changzhurenkou</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-city_fill"></span>
              <div class="name">
                城市_fill
              </div>
              <div class="code-name">.icon-city_fill</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-briefcase-full"></span>
              <div class="name">
                公文包,工具箱,手提包,行李包
              </div>
              <div class="code-name">.icon-briefcase-full</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-sim-full"></span>
              <div class="name">
                SIM卡,手机卡,电话卡
              </div>
              <div class="code-name">.icon-sim-full</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-icon_notice"></span>
              <div class="name">
                通知
              </div>
              <div class="code-name">.icon-icon_notice</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongzhitonggao"></span>
              <div class="name">
                通知通告
              </div>
              <div class="code-name">.icon-tongzhitonggao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-lianjie"></span>
              <div class="name">
                链接
              </div>
              <div class="code-name">.icon-lianjie</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-biaoqing"></span>
              <div class="name">
                表情
              </div>
              <div class="code-name">.icon-biaoqing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tupian1"></span>
              <div class="name">
                图片
              </div>
              <div class="code-name">.icon-tupian1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fuzhiwenjian"></span>
              <div class="name">
                复制文件
              </div>
              <div class="code-name">.icon-fuzhiwenjian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhexiantu"></span>
              <div class="name">
                折线图
              </div>
              <div class="code-name">.icon-zhexiantu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chakan3"></span>
              <div class="name">
                查看
              </div>
              <div class="code-name">.icon-chakan3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yonghu"></span>
              <div class="name">
                224用户
              </div>
              <div class="code-name">.icon-yonghu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shenfen-tianchong"></span>
              <div class="name">
                身份
              </div>
              <div class="code-name">.icon-shenfen-tianchong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ETCzhangdan"></span>
              <div class="name">
                ETCzhangdan
              </div>
              <div class="code-name">.icon-ETCzhangdan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-huiyuanchaxun"></span>
              <div class="name">
                会员查询
              </div>
              <div class="code-name">.icon-huiyuanchaxun</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wuranyuankeshihua"></span>
              <div class="name">
                污染源可视化
              </div>
              <div class="code-name">.icon-wuranyuankeshihua</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chakanxiangqing"></span>
              <div class="name">
                查看详情
              </div>
              <div class="code-name">.icon-chakanxiangqing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-view"></span>
              <div class="name">
                转换视图
              </div>
              <div class="code-name">.icon-view</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-list-search"></span>
              <div class="name">
                list-search
              </div>
              <div class="code-name">.icon-list-search</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chengshidizhi"></span>
              <div class="name">
                城市地址
              </div>
              <div class="code-name">.icon-chengshidizhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-map"></span>
              <div class="name">
                地图
              </div>
              <div class="code-name">.icon-map</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-anquanjiance"></span>
              <div class="name">
                安全监测
              </div>
              <div class="code-name">.icon-anquanjiance</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tianjiayonghu"></span>
              <div class="name">
                添加用户
              </div>
              <div class="code-name">.icon-tianjiayonghu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuyin-guan2"></span>
              <div class="name">
                语音-关2
              </div>
              <div class="code-name">.icon-yuyin-guan2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yuyin-kai2"></span>
              <div class="name">
                语音-开2
              </div>
              <div class="code-name">.icon-yuyin-kai2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-luxiangguan"></span>
              <div class="name">
                录像关
              </div>
              <div class="code-name">.icon-luxiangguan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-dingwei"></span>
              <div class="name">
                定位
              </div>
              <div class="code-name">.icon-dingwei</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yiwen-xianxing"></span>
              <div class="name">
                疑问-线性
              </div>
              <div class="code-name">.icon-yiwen-xianxing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tingyong"></span>
              <div class="name">
                停用
              </div>
              <div class="code-name">.icon-tingyong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fuzhi1"></span>
              <div class="name">
                复制
              </div>
              <div class="code-name">.icon-fuzhi1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xinzengjigou"></span>
              <div class="name">
                新增机构
              </div>
              <div class="code-name">.icon-xinzengjigou</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-weixiu1"></span>
              <div class="name">
                维修
              </div>
              <div class="code-name">.icon-weixiu1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-menu_zhzl"></span>
              <div class="name">
                综合治理
              </div>
              <div class="code-name">.icon-menu_zhzl</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-line-basestationjizhan"></span>
              <div class="name">
                line-base station（基站）
              </div>
              <div class="code-name">.icon-line-basestationjizhan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ditu1"></span>
              <div class="name">
                地图
              </div>
              <div class="code-name">.icon-ditu1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhongduanchaxun"></span>
              <div class="name">
                终端查询
              </div>
              <div class="code-name">.icon-zhongduanchaxun</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-weixiu"></span>
              <div class="name">
                维修
              </div>
              <div class="code-name">.icon-weixiu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-cuowu"></span>
              <div class="name">
                错误
              </div>
              <div class="code-name">.icon-cuowu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhengque1"></span>
              <div class="name">
                正确
              </div>
              <div class="code-name">.icon-zhengque1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongji1"></span>
              <div class="name">
                统计
              </div>
              <div class="code-name">.icon-tongji1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gengduomore12"></span>
              <div class="name">
                更多
              </div>
              <div class="code-name">.icon-gengduomore12</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ai-user"></span>
              <div class="name">
                用户
              </div>
              <div class="code-name">.icon-ai-user</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yonghuchazhao"></span>
              <div class="name">
                用户查找
              </div>
              <div class="code-name">.icon-yonghuchazhao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-biaoqian"></span>
              <div class="name">
                标签
              </div>
              <div class="code-name">.icon-biaoqian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-nan"></span>
              <div class="name">
                男
              </div>
              <div class="code-name">.icon-nan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-admin"></span>
              <div class="name">
                用户星
              </div>
              <div class="code-name">.icon-admin</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-biaotitubiao"></span>
              <div class="name">
                标题图标
              </div>
              <div class="code-name">.icon-biaotitubiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongji"></span>
              <div class="name">
                统计
              </div>
              <div class="code-name">.icon-tongji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-nv"></span>
              <div class="name">
                女
              </div>
              <div class="code-name">.icon-nv</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhongxinshengchengchushimima"></span>
              <div class="name">
                重新生成初始密码
              </div>
              <div class="code-name">.icon-zhongxinshengchengchushimima</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-icon-xiansuo"></span>
              <div class="name">
                icon-线索
              </div>
              <div class="code-name">.icon-icon-xiansuo</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shouji3"></span>
              <div class="name">
                手机
              </div>
              <div class="code-name">.icon-shouji3</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yilaiku"></span>
              <div class="name">
                依赖库
              </div>
              <div class="code-name">.icon-yilaiku</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shouquan"></span>
              <div class="name">
                授权
              </div>
              <div class="code-name">.icon-shouquan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shujuyuanmoxing"></span>
              <div class="name">
                数据源模型
              </div>
              <div class="code-name">.icon-shujuyuanmoxing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chakan2"></span>
              <div class="name">
                查看
              </div>
              <div class="code-name">.icon-chakan2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-distribution"></span>
              <div class="name">
                分拨库
              </div>
              <div class="code-name">.icon-distribution</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wenjianjia"></span>
              <div class="name">
                文件夹
              </div>
              <div class="code-name">.icon-wenjianjia</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fuzhi"></span>
              <div class="name">
                复制
              </div>
              <div class="code-name">.icon-fuzhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zonglan"></span>
              <div class="name">
                总览
              </div>
              <div class="code-name">.icon-zonglan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-anjian"></span>
              <div class="name">
                案件类型
              </div>
              <div class="code-name">.icon-anjian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xinwen"></span>
              <div class="name">
                新闻
              </div>
              <div class="code-name">.icon-xinwen</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ziyuanxhdpi2"></span>
              <div class="name">
                状态查询
              </div>
              <div class="code-name">.icon-ziyuanxhdpi2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-cheliang-"></span>
              <div class="name">
                车辆-01
              </div>
              <div class="code-name">.icon-cheliang-</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiluliebiao"></span>
              <div class="name">
                记录列表
              </div>
              <div class="code-name">.icon-jiluliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-weixing"></span>
              <div class="name">
                卫星
              </div>
              <div class="code-name">.icon-weixing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-3D"></span>
              <div class="name">
                3D
              </div>
              <div class="code-name">.icon-3D</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-login-full"></span>
              <div class="name">
                登录,进入,进
              </div>
              <div class="code-name">.icon-login-full</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zanting1"></span>
              <div class="name">
                暂停
              </div>
              <div class="code-name">.icon-zanting1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chaxun-wodexiangmu"></span>
              <div class="name">
                查询-我的项目
              </div>
              <div class="code-name">.icon-chaxun-wodexiangmu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-luxiang"></span>
              <div class="name">
                录像
              </div>
              <div class="code-name">.icon-luxiang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-luyin"></span>
              <div class="name">
                录音
              </div>
              <div class="code-name">.icon-luyin</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shouji2"></span>
              <div class="name">
                手机
              </div>
              <div class="code-name">.icon-shouji2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiazai20"></span>
              <div class="name">
                坐标
              </div>
              <div class="code-name">.icon-xiazai20</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shouye1-copy"></span>
              <div class="name">
                首页
              </div>
              <div class="code-name">.icon-shouye1-copy</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-luxianchaxun"></span>
              <div class="name">
                路线查询
              </div>
              <div class="code-name">.icon-luxianchaxun</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jibenxinxi"></span>
              <div class="name">
                基本信息
              </div>
              <div class="code-name">.icon-jibenxinxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-toggle"></span>
              <div class="name">
                路况
              </div>
              <div class="code-name">.icon-toggle</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-huanjingjiance"></span>
              <div class="name">
                环境监测
              </div>
              <div class="code-name">.icon-huanjingjiance</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-measure"></span>
              <div class="name">
                测量
              </div>
              <div class="code-name">.icon-measure</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ef-zhongdiangenzong-gongju"></span>
              <div class="name">
                重点跟踪
              </div>
              <div class="code-name">.icon-ef-zhongdiangenzong-gongju</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wenjuantiaocha"></span>
              <div class="name">
                问卷调查
              </div>
              <div class="code-name">.icon-wenjuantiaocha</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-AppRecent-1"></span>
              <div class="name">
                App Recent-1
              </div>
              <div class="code-name">.icon-AppRecent-1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-address-book-full"></span>
              <div class="name">
                通讯录,通讯本,电话本,号码本
              </div>
              <div class="code-name">.icon-address-book-full</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-guiji"></span>
              <div class="name">
                轨迹
              </div>
              <div class="code-name">.icon-guiji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yewu"></span>
              <div class="name">
                业务
              </div>
              <div class="code-name">.icon-yewu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fangda"></span>
              <div class="name">
                放大
              </div>
              <div class="code-name">.icon-fangda</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-daochu"></span>
              <div class="name">
                导出
              </div>
              <div class="code-name">.icon-daochu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongguo"></span>
              <div class="name">
                通过
              </div>
              <div class="code-name">.icon-tongguo</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-weiwancheng"></span>
              <div class="name">
                未完成
              </div>
              <div class="code-name">.icon-weiwancheng</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yewuzongshu"></span>
              <div class="name">
                业务总数
              </div>
              <div class="code-name">.icon-yewuzongshu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ziyuan1"></span>
              <div class="name">
                播放
              </div>
              <div class="code-name">.icon-ziyuan1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chakan"></span>
              <div class="name">
                查看
              </div>
              <div class="code-name">.icon-chakan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chaoshi-solid"></span>
              <div class="name">
                超时-solid
              </div>
              <div class="code-name">.icon-chaoshi-solid</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shenpi"></span>
              <div class="name">
                审批
              </div>
              <div class="code-name">.icon-shenpi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yidong"></span>
              <div class="name">
                移动
              </div>
              <div class="code-name">.icon-yidong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-liantong"></span>
              <div class="name">
                联通
              </div>
              <div class="code-name">.icon-liantong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-dianxin"></span>
              <div class="name">
                电信
              </div>
              <div class="code-name">.icon-dianxin</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chakan1"></span>
              <div class="name">
                查看
              </div>
              <div class="code-name">.icon-chakan1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chuli"></span>
              <div class="name">
                处理
              </div>
              <div class="code-name">.icon-chuli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tongxunlu1"></span>
              <div class="name">
                通讯录
              </div>
              <div class="code-name">.icon-tongxunlu1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shuju"></span>
              <div class="name">
                数据
              </div>
              <div class="code-name">.icon-shuju</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shouye"></span>
              <div class="name">
                首页
              </div>
              <div class="code-name">.icon-shouye</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-weibiaoti15"></span>
              <div class="name">
                菜单
              </div>
              <div class="code-name">.icon-weibiaoti15</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiala"></span>
              <div class="name">
                下拉
              </div>
              <div class="code-name">.icon-xiala</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xinxizhongxin"></span>
              <div class="name">
                信息中心
              </div>
              <div class="code-name">.icon-xinxizhongxin</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wifi"></span>
              <div class="name">
                wifi
              </div>
              <div class="code-name">.icon-wifi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chaxuncaijia"></span>
              <div class="name">
                查询材价
              </div>
              <div class="code-name">.icon-chaxuncaijia</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zy_jiaoliu"></span>
              <div class="name">
                AK-ZY_交流
              </div>
              <div class="code-name">.icon-zy_jiaoliu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renwu"></span>
              <div class="name">
                任务
              </div>
              <div class="code-name">.icon-renwu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gaojing"></span>
              <div class="name">
                告警
              </div>
              <div class="code-name">.icon-gaojing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shuidi-"></span>
              <div class="name">
                水滴
              </div>
              <div class="code-name">.icon-shuidi-</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shujuchaxun"></span>
              <div class="name">
                数据查询
              </div>
              <div class="code-name">.icon-shujuchaxun</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tupian"></span>
              <div class="name">
                图片
              </div>
              <div class="code-name">.icon-tupian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-app"></span>
              <div class="name">
                app
              </div>
              <div class="code-name">.icon-app</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renyuanguanli"></span>
              <div class="name">
                人员管理
              </div>
              <div class="code-name">.icon-renyuanguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-relitu"></span>
              <div class="name">
                热力图
              </div>
              <div class="code-name">.icon-relitu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ziyuanxhdpi1"></span>
              <div class="name">
                控制点
              </div>
              <div class="code-name">.icon-ziyuanxhdpi1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhihuizhongxin"></span>
              <div class="name">
                指挥中心
              </div>
              <div class="code-name">.icon-zhihuizhongxin</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-guiji-"></span>
              <div class="name">
                轨迹-01
              </div>
              <div class="code-name">.icon-guiji-</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xietongzhihuidaping"></span>
              <div class="name">
                协同指挥大屏
              </div>
              <div class="code-name">.icon-xietongzhihuidaping</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yingyong"></span>
              <div class="name">
                应用
              </div>
              <div class="code-name">.icon-yingyong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fuwuquyu"></span>
              <div class="name">
                服务区域
              </div>
              <div class="code-name">.icon-fuwuquyu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-bukonggaojing"></span>
              <div class="name">
                布控告警
              </div>
              <div class="code-name">.icon-bukonggaojing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shebeiguanli"></span>
              <div class="name">
                设备管理
              </div>
              <div class="code-name">.icon-shebeiguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-case-file-full"></span>
              <div class="name">
                案件,档案,档案夹
              </div>
              <div class="code-name">.icon-case-file-full</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-supervision-full"></span>
              <div class="name">
                监控,控制,管理监
              </div>
              <div class="code-name">.icon-supervision-full</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-warplane-full"></span>
              <div class="name">
                战斗机,作战
              </div>
              <div class="code-name">.icon-warplane-full</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shipindianweiguanli"></span>
              <div class="name">
                视频点位管理
              </div>
              <div class="code-name">.icon-shipindianweiguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-pengzhuangfenxi"></span>
              <div class="name">
                碰撞分析
              </div>
              <div class="code-name">.icon-pengzhuangfenxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shebeizu"></span>
              <div class="name">
                设备组
              </div>
              <div class="code-name">.icon-shebeizu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-daoru"></span>
              <div class="name">
                导入
              </div>
              <div class="code-name">.icon-daoru</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiazai"></span>
              <div class="name">
                下载
              </div>
              <div class="code-name">.icon-xiazai</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yigaojing"></span>
              <div class="name">
                已告警
              </div>
              <div class="code-name">.icon-yigaojing</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xinzeng"></span>
              <div class="name">
                新增-表格
              </div>
              <div class="code-name">.icon-xinzeng</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiancedianguanli"></span>
              <div class="name">
                监测点管理
              </div>
              <div class="code-name">.icon-jiancedianguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shebei"></span>
              <div class="name">
                设备
              </div>
              <div class="code-name">.icon-shebei</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-wuxianwang"></span>
              <div class="name">
                无线网
              </div>
              <div class="code-name">.icon-wuxianwang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ziyuanxhdpi"></span>
              <div class="name">
                告警配置
              </div>
              <div class="code-name">.icon-ziyuanxhdpi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiancedian"></span>
              <div class="name">
                监测点
              </div>
              <div class="code-name">.icon-jiancedian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gaojingbaobiao"></span>
              <div class="name">
                告警报表
              </div>
              <div class="code-name">.icon-gaojingbaobiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-gaojingshitu"></span>
              <div class="name">
                告警视图
              </div>
              <div class="code-name">.icon-gaojingshitu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiance"></span>
              <div class="name">
                监测
              </div>
              <div class="code-name">.icon-jiance</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shebei1"></span>
              <div class="name">
                设备
              </div>
              <div class="code-name">.icon-shebei1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zaixianjiance"></span>
              <div class="name">
                在线监测
              </div>
              <div class="code-name">.icon-zaixianjiance</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zanting"></span>
              <div class="name">
                暂停
              </div>
              <div class="code-name">.icon-zanting</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-qiyong"></span>
              <div class="name">
                启用
              </div>
              <div class="code-name">.icon-qiyong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-pipeizhiwei"></span>
              <div class="name">
                匹配职位-填充
              </div>
              <div class="code-name">.icon-pipeizhiwei</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-diannao"></span>
              <div class="name">
                电脑
              </div>
              <div class="code-name">.icon-diannao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-menu-s"></span>
              <div class="name">
                菜单-实色
              </div>
              <div class="code-name">.icon-menu-s</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiaoseliebiao"></span>
              <div class="name">
                角色列表
              </div>
              <div class="code-name">.icon-jiaoseliebiao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-bianji"></span>
              <div class="name">
                编辑
              </div>
              <div class="code-name">.icon-bianji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-dianji"></span>
              <div class="name">
                点击
              </div>
              <div class="code-name">.icon-dianji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shanchu"></span>
              <div class="name">
                删除
              </div>
              <div class="code-name">.icon-shanchu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-chaolianjie"></span>
              <div class="name">
                超链接
              </div>
              <div class="code-name">.icon-chaolianjie</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ziyuan"></span>
              <div class="name">
                用户
              </div>
              <div class="code-name">.icon-ziyuan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-quanxian"></span>
              <div class="name">
                权限
              </div>
              <div class="code-name">.icon-quanxian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-anjianchaxun"></span>
              <div class="name">
                案件查询
              </div>
              <div class="code-name">.icon-anjianchaxun</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-bumenguanli"></span>
              <div class="name">
                部门管理
              </div>
              <div class="code-name">.icon-bumenguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-guanli"></span>
              <div class="name">
                管理
              </div>
              <div class="code-name">.icon-guanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-riqi"></span>
              <div class="name">
                日期
              </div>
              <div class="code-name">.icon-riqi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-sousuo"></span>
              <div class="name">
                搜索
              </div>
              <div class="code-name">.icon-sousuo</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-hetongguizeguankong"></span>
              <div class="name">
                合同规则管控
              </div>
              <div class="code-name">.icon-hetongguizeguankong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fenxi2"></span>
              <div class="name">
                分析(2)
              </div>
              <div class="code-name">.icon-fenxi2</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shouji"></span>
              <div class="name">
                手机
              </div>
              <div class="code-name">.icon-shouji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shouji1"></span>
              <div class="name">
                手机
              </div>
              <div class="code-name">.icon-shouji1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiaoxi1"></span>
              <div class="name">
                消息
              </div>
              <div class="code-name">.icon-xiaoxi1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-dangan"></span>
              <div class="name">
                档案
              </div>
              <div class="code-name">.icon-dangan</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renxiang"></span>
              <div class="name">
                人像
              </div>
              <div class="code-name">.icon-renxiang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ziyuanldpi"></span>
              <div class="name">
                放大
              </div>
              <div class="code-name">.icon-ziyuanldpi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-guanlian"></span>
              <div class="name">
                关联
              </div>
              <div class="code-name">.icon-guanlian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fenxi"></span>
              <div class="name">
                分析
              </div>
              <div class="code-name">.icon-fenxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shujutupu"></span>
              <div class="name">
                数据图谱
              </div>
              <div class="code-name">.icon-shujutupu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fenxi1"></span>
              <div class="name">
                统计分析
              </div>
              <div class="code-name">.icon-fenxi1</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-liutongcanshu"></span>
              <div class="name">
                流通参数
              </div>
              <div class="code-name">.icon-liutongcanshu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yunyingfenxi"></span>
              <div class="name">
                运营分析
              </div>
              <div class="code-name">.icon-yunyingfenxi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fenxitongji"></span>
              <div class="name">
                分析统计
              </div>
              <div class="code-name">.icon-fenxitongji</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-etc"></span>
              <div class="name">
                etc
              </div>
              <div class="code-name">.icon-etc</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ziyuan101"></span>
              <div class="name">
                无线网络
              </div>
              <div class="code-name">.icon-ziyuan101</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-hebingxingzhuang"></span>
              <div class="name">
                档案调阅
              </div>
              <div class="code-name">.icon-hebingxingzhuang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-fenxiqushi"></span>
              <div class="name">
                分析趋势
              </div>
              <div class="code-name">.icon-fenxiqushi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-renlianzhuapai"></span>
              <div class="name">
                人脸抓拍
              </div>
              <div class="code-name">.icon-renlianzhuapai</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shuqian"></span>
              <div class="name">
                书签
              </div>
              <div class="code-name">.icon-shuqian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-cheliang"></span>
              <div class="name">
                车辆
              </div>
              <div class="code-name">.icon-cheliang</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jichuguanli"></span>
              <div class="name">
                基础管理
              </div>
              <div class="code-name">.icon-jichuguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zidianbiaoguanli"></span>
              <div class="name">
                字典表管理
              </div>
              <div class="code-name">.icon-zidianbiaoguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhankai"></span>
              <div class="name">
                通用-展开
              </div>
              <div class="code-name">.icon-zhankai</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-shouqi"></span>
              <div class="name">
                通用-收起
              </div>
              <div class="code-name">.icon-shouqi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-youjian"></span>
              <div class="name">
                邮件
              </div>
              <div class="code-name">.icon-youjian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jinggao"></span>
              <div class="name">
                警告
              </div>
              <div class="code-name">.icon-jinggao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-changguizidian"></span>
              <div class="name">
                常规字典
              </div>
              <div class="code-name">.icon-changguizidian</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-icon_update"></span>
              <div class="name">
                上传
              </div>
              <div class="code-name">.icon-icon_update</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-rizhi"></span>
              <div class="name">
                日志
              </div>
              <div class="code-name">.icon-rizhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhongduankongzhi"></span>
              <div class="name">
                终端控制
              </div>
              <div class="code-name">.icon-zhongduankongzhi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xitongguanli"></span>
              <div class="name">
                系统管理
              </div>
              <div class="code-name">.icon-xitongguanli</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-zhuti"></span>
              <div class="name">
                主题
              </div>
              <div class="code-name">.icon-zhuti</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-ditu"></span>
              <div class="name">
                地图
              </div>
              <div class="code-name">.icon-ditu</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-jiankong"></span>
              <div class="name">
                监控
              </div>
              <div class="code-name">.icon-jiankong</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-yiwenhao"></span>
              <div class="name">
                疑问号
              </div>
              <div class="code-name">.icon-yiwenhao</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-tishi"></span>
              <div class="name">
                提示
              </div>
              <div class="code-name">.icon-tishi</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-building-fill"></span>
              <div class="name">
                建筑
              </div>
              <div class="code-name">.icon-building-fill</div>
            </li>

            <li class="dib">
              <span class="icon iconfont icon-xiaoxi"></span>
              <div class="name">
                消息
              </div>
              <div class="code-name">.icon-xiaoxi</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="font-class-">font-class 引用</h2>
            <hr />

            <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
            <p>与 Unicode 使用方式相比，具有如下特点：</p>
            <ul>
              <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
              <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
            </ul>
            <p>使用步骤如下：</p>
            <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
            <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
            <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
            <pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
            <blockquote>
              <p>" iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
            </blockquote>
          </div>
        </div>
        <div class="content symbol">
          <ul class="icon_lists dib-box">
            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shangsheng"></use>
              </svg>
              <div class="name">上升</div>
              <div class="code-name">#icon-shangsheng</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiajiang"></use>
              </svg>
              <div class="name">下降</div>
              <div class="code-name">#icon-xiajiang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gengduo"></use>
              </svg>
              <div class="name">更多</div>
              <div class="code-name">#icon-gengduo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-icon-"></use>
              </svg>
              <div class="name">区域碰撞</div>
              <div class="code-name">#icon-icon-</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chaxun"></use>
              </svg>
              <div class="name">查询</div>
              <div class="code-name">#icon-chaxun</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-bansuitonghang"></use>
              </svg>
              <div class="name">伴随同行</div>
              <div class="code-name">#icon-bansuitonghang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shoujidianzhao"></use>
              </svg>
              <div class="name">手机店招</div>
              <div class="code-name">#icon-shoujidianzhao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jinggao1"></use>
              </svg>
              <div class="name">警告</div>
              <div class="code-name">#icon-jinggao1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-cheliangguanli"></use>
              </svg>
              <div class="name">车辆管理</div>
              <div class="code-name">#icon-cheliangguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongji2"></use>
              </svg>
              <div class="name">statis</div>
              <div class="code-name">#icon-tongji2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renwu1"></use>
              </svg>
              <div class="name">任务</div>
              <div class="code-name">#icon-renwu1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shenfenxinxi"></use>
              </svg>
              <div class="name">身份信息</div>
              <div class="code-name">#icon-shenfenxinxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shujukeshihua"></use>
              </svg>
              <div class="name">数据可视化1</div>
              <div class="code-name">#icon-shujukeshihua</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-mac-fill"></use>
              </svg>
              <div class="name">mac-fill</div>
              <div class="code-name">#icon-mac-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiaoliu"></use>
              </svg>
              <div class="name">交流</div>
              <div class="code-name">#icon-jiaoliu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-changzhurenkou"></use>
              </svg>
              <div class="name">常住人口</div>
              <div class="code-name">#icon-changzhurenkou</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-city_fill"></use>
              </svg>
              <div class="name">城市_fill</div>
              <div class="code-name">#icon-city_fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-briefcase-full"></use>
              </svg>
              <div class="name">公文包,工具箱,手提包,行李包</div>
              <div class="code-name">#icon-briefcase-full</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-sim-full"></use>
              </svg>
              <div class="name">SIM卡,手机卡,电话卡</div>
              <div class="code-name">#icon-sim-full</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-icon_notice"></use>
              </svg>
              <div class="name">通知</div>
              <div class="code-name">#icon-icon_notice</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongzhitonggao"></use>
              </svg>
              <div class="name">通知通告</div>
              <div class="code-name">#icon-tongzhitonggao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-lianjie"></use>
              </svg>
              <div class="name">链接</div>
              <div class="code-name">#icon-lianjie</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-biaoqing"></use>
              </svg>
              <div class="name">表情</div>
              <div class="code-name">#icon-biaoqing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tupian1"></use>
              </svg>
              <div class="name">图片</div>
              <div class="code-name">#icon-tupian1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fuzhiwenjian"></use>
              </svg>
              <div class="name">复制文件</div>
              <div class="code-name">#icon-fuzhiwenjian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhexiantu"></use>
              </svg>
              <div class="name">折线图</div>
              <div class="code-name">#icon-zhexiantu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chakan3"></use>
              </svg>
              <div class="name">查看</div>
              <div class="code-name">#icon-chakan3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yonghu"></use>
              </svg>
              <div class="name">224用户</div>
              <div class="code-name">#icon-yonghu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shenfen-tianchong"></use>
              </svg>
              <div class="name">身份</div>
              <div class="code-name">#icon-shenfen-tianchong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ETCzhangdan"></use>
              </svg>
              <div class="name">ETCzhangdan</div>
              <div class="code-name">#icon-ETCzhangdan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-huiyuanchaxun"></use>
              </svg>
              <div class="name">会员查询</div>
              <div class="code-name">#icon-huiyuanchaxun</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wuranyuankeshihua"></use>
              </svg>
              <div class="name">污染源可视化</div>
              <div class="code-name">#icon-wuranyuankeshihua</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chakanxiangqing"></use>
              </svg>
              <div class="name">查看详情</div>
              <div class="code-name">#icon-chakanxiangqing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-view"></use>
              </svg>
              <div class="name">转换视图</div>
              <div class="code-name">#icon-view</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-list-search"></use>
              </svg>
              <div class="name">list-search</div>
              <div class="code-name">#icon-list-search</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chengshidizhi"></use>
              </svg>
              <div class="name">城市地址</div>
              <div class="code-name">#icon-chengshidizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-map"></use>
              </svg>
              <div class="name">地图</div>
              <div class="code-name">#icon-map</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-anquanjiance"></use>
              </svg>
              <div class="name">安全监测</div>
              <div class="code-name">#icon-anquanjiance</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tianjiayonghu"></use>
              </svg>
              <div class="name">添加用户</div>
              <div class="code-name">#icon-tianjiayonghu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuyin-guan2"></use>
              </svg>
              <div class="name">语音-关2</div>
              <div class="code-name">#icon-yuyin-guan2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yuyin-kai2"></use>
              </svg>
              <div class="name">语音-开2</div>
              <div class="code-name">#icon-yuyin-kai2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-luxiangguan"></use>
              </svg>
              <div class="name">录像关</div>
              <div class="code-name">#icon-luxiangguan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-dingwei"></use>
              </svg>
              <div class="name">定位</div>
              <div class="code-name">#icon-dingwei</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yiwen-xianxing"></use>
              </svg>
              <div class="name">疑问-线性</div>
              <div class="code-name">#icon-yiwen-xianxing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tingyong"></use>
              </svg>
              <div class="name">停用</div>
              <div class="code-name">#icon-tingyong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fuzhi1"></use>
              </svg>
              <div class="name">复制</div>
              <div class="code-name">#icon-fuzhi1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xinzengjigou"></use>
              </svg>
              <div class="name">新增机构</div>
              <div class="code-name">#icon-xinzengjigou</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-weixiu1"></use>
              </svg>
              <div class="name">维修</div>
              <div class="code-name">#icon-weixiu1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-menu_zhzl"></use>
              </svg>
              <div class="name">综合治理</div>
              <div class="code-name">#icon-menu_zhzl</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-line-basestationjizhan"></use>
              </svg>
              <div class="name">line-base station（基站）</div>
              <div class="code-name">#icon-line-basestationjizhan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ditu1"></use>
              </svg>
              <div class="name">地图</div>
              <div class="code-name">#icon-ditu1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhongduanchaxun"></use>
              </svg>
              <div class="name">终端查询</div>
              <div class="code-name">#icon-zhongduanchaxun</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-weixiu"></use>
              </svg>
              <div class="name">维修</div>
              <div class="code-name">#icon-weixiu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-cuowu"></use>
              </svg>
              <div class="name">错误</div>
              <div class="code-name">#icon-cuowu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhengque1"></use>
              </svg>
              <div class="name">正确</div>
              <div class="code-name">#icon-zhengque1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongji1"></use>
              </svg>
              <div class="name">统计</div>
              <div class="code-name">#icon-tongji1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gengduomore12"></use>
              </svg>
              <div class="name">更多</div>
              <div class="code-name">#icon-gengduomore12</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ai-user"></use>
              </svg>
              <div class="name">用户</div>
              <div class="code-name">#icon-ai-user</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yonghuchazhao"></use>
              </svg>
              <div class="name">用户查找</div>
              <div class="code-name">#icon-yonghuchazhao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-biaoqian"></use>
              </svg>
              <div class="name">标签</div>
              <div class="code-name">#icon-biaoqian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-nan"></use>
              </svg>
              <div class="name">男</div>
              <div class="code-name">#icon-nan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-admin"></use>
              </svg>
              <div class="name">用户星</div>
              <div class="code-name">#icon-admin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-biaotitubiao"></use>
              </svg>
              <div class="name">标题图标</div>
              <div class="code-name">#icon-biaotitubiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongji"></use>
              </svg>
              <div class="name">统计</div>
              <div class="code-name">#icon-tongji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-nv"></use>
              </svg>
              <div class="name">女</div>
              <div class="code-name">#icon-nv</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhongxinshengchengchushimima"></use>
              </svg>
              <div class="name">重新生成初始密码</div>
              <div class="code-name">#icon-zhongxinshengchengchushimima</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-icon-xiansuo"></use>
              </svg>
              <div class="name">icon-线索</div>
              <div class="code-name">#icon-icon-xiansuo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shouji3"></use>
              </svg>
              <div class="name">手机</div>
              <div class="code-name">#icon-shouji3</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yilaiku"></use>
              </svg>
              <div class="name">依赖库</div>
              <div class="code-name">#icon-yilaiku</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shouquan"></use>
              </svg>
              <div class="name">授权</div>
              <div class="code-name">#icon-shouquan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shujuyuanmoxing"></use>
              </svg>
              <div class="name">数据源模型</div>
              <div class="code-name">#icon-shujuyuanmoxing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chakan2"></use>
              </svg>
              <div class="name">查看</div>
              <div class="code-name">#icon-chakan2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-distribution"></use>
              </svg>
              <div class="name">分拨库</div>
              <div class="code-name">#icon-distribution</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wenjianjia"></use>
              </svg>
              <div class="name">文件夹</div>
              <div class="code-name">#icon-wenjianjia</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fuzhi"></use>
              </svg>
              <div class="name">复制</div>
              <div class="code-name">#icon-fuzhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zonglan"></use>
              </svg>
              <div class="name">总览</div>
              <div class="code-name">#icon-zonglan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-anjian"></use>
              </svg>
              <div class="name">案件类型</div>
              <div class="code-name">#icon-anjian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xinwen"></use>
              </svg>
              <div class="name">新闻</div>
              <div class="code-name">#icon-xinwen</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ziyuanxhdpi2"></use>
              </svg>
              <div class="name">状态查询</div>
              <div class="code-name">#icon-ziyuanxhdpi2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-cheliang-"></use>
              </svg>
              <div class="name">车辆-01</div>
              <div class="code-name">#icon-cheliang-</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiluliebiao"></use>
              </svg>
              <div class="name">记录列表</div>
              <div class="code-name">#icon-jiluliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-weixing"></use>
              </svg>
              <div class="name">卫星</div>
              <div class="code-name">#icon-weixing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-3D"></use>
              </svg>
              <div class="name">3D</div>
              <div class="code-name">#icon-3D</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-login-full"></use>
              </svg>
              <div class="name">登录,进入,进</div>
              <div class="code-name">#icon-login-full</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zanting1"></use>
              </svg>
              <div class="name">暂停</div>
              <div class="code-name">#icon-zanting1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chaxun-wodexiangmu"></use>
              </svg>
              <div class="name">查询-我的项目</div>
              <div class="code-name">#icon-chaxun-wodexiangmu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-luxiang"></use>
              </svg>
              <div class="name">录像</div>
              <div class="code-name">#icon-luxiang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-luyin"></use>
              </svg>
              <div class="name">录音</div>
              <div class="code-name">#icon-luyin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shouji2"></use>
              </svg>
              <div class="name">手机</div>
              <div class="code-name">#icon-shouji2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiazai20"></use>
              </svg>
              <div class="name">坐标</div>
              <div class="code-name">#icon-xiazai20</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shouye1-copy"></use>
              </svg>
              <div class="name">首页</div>
              <div class="code-name">#icon-shouye1-copy</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-luxianchaxun"></use>
              </svg>
              <div class="name">路线查询</div>
              <div class="code-name">#icon-luxianchaxun</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jibenxinxi"></use>
              </svg>
              <div class="name">基本信息</div>
              <div class="code-name">#icon-jibenxinxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-toggle"></use>
              </svg>
              <div class="name">路况</div>
              <div class="code-name">#icon-toggle</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-huanjingjiance"></use>
              </svg>
              <div class="name">环境监测</div>
              <div class="code-name">#icon-huanjingjiance</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-measure"></use>
              </svg>
              <div class="name">测量</div>
              <div class="code-name">#icon-measure</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ef-zhongdiangenzong-gongju"></use>
              </svg>
              <div class="name">重点跟踪</div>
              <div class="code-name">#icon-ef-zhongdiangenzong-gongju</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wenjuantiaocha"></use>
              </svg>
              <div class="name">问卷调查</div>
              <div class="code-name">#icon-wenjuantiaocha</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-AppRecent-1"></use>
              </svg>
              <div class="name">App Recent-1</div>
              <div class="code-name">#icon-AppRecent-1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-address-book-full"></use>
              </svg>
              <div class="name">通讯录,通讯本,电话本,号码本</div>
              <div class="code-name">#icon-address-book-full</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-guiji"></use>
              </svg>
              <div class="name">轨迹</div>
              <div class="code-name">#icon-guiji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yewu"></use>
              </svg>
              <div class="name">业务</div>
              <div class="code-name">#icon-yewu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fangda"></use>
              </svg>
              <div class="name">放大</div>
              <div class="code-name">#icon-fangda</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-daochu"></use>
              </svg>
              <div class="name">导出</div>
              <div class="code-name">#icon-daochu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongguo"></use>
              </svg>
              <div class="name">通过</div>
              <div class="code-name">#icon-tongguo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-weiwancheng"></use>
              </svg>
              <div class="name">未完成</div>
              <div class="code-name">#icon-weiwancheng</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yewuzongshu"></use>
              </svg>
              <div class="name">业务总数</div>
              <div class="code-name">#icon-yewuzongshu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ziyuan1"></use>
              </svg>
              <div class="name">播放</div>
              <div class="code-name">#icon-ziyuan1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chakan"></use>
              </svg>
              <div class="name">查看</div>
              <div class="code-name">#icon-chakan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chaoshi-solid"></use>
              </svg>
              <div class="name">超时-solid</div>
              <div class="code-name">#icon-chaoshi-solid</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shenpi"></use>
              </svg>
              <div class="name">审批</div>
              <div class="code-name">#icon-shenpi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yidong"></use>
              </svg>
              <div class="name">移动</div>
              <div class="code-name">#icon-yidong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-liantong"></use>
              </svg>
              <div class="name">联通</div>
              <div class="code-name">#icon-liantong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-dianxin"></use>
              </svg>
              <div class="name">电信</div>
              <div class="code-name">#icon-dianxin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chakan1"></use>
              </svg>
              <div class="name">查看</div>
              <div class="code-name">#icon-chakan1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chuli"></use>
              </svg>
              <div class="name">处理</div>
              <div class="code-name">#icon-chuli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tongxunlu1"></use>
              </svg>
              <div class="name">通讯录</div>
              <div class="code-name">#icon-tongxunlu1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shuju"></use>
              </svg>
              <div class="name">数据</div>
              <div class="code-name">#icon-shuju</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shouye"></use>
              </svg>
              <div class="name">首页</div>
              <div class="code-name">#icon-shouye</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-weibiaoti15"></use>
              </svg>
              <div class="name">菜单</div>
              <div class="code-name">#icon-weibiaoti15</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiala"></use>
              </svg>
              <div class="name">下拉</div>
              <div class="code-name">#icon-xiala</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xinxizhongxin"></use>
              </svg>
              <div class="name">信息中心</div>
              <div class="code-name">#icon-xinxizhongxin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wifi"></use>
              </svg>
              <div class="name">wifi</div>
              <div class="code-name">#icon-wifi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chaxuncaijia"></use>
              </svg>
              <div class="name">查询材价</div>
              <div class="code-name">#icon-chaxuncaijia</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zy_jiaoliu"></use>
              </svg>
              <div class="name">AK-ZY_交流</div>
              <div class="code-name">#icon-zy_jiaoliu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renwu"></use>
              </svg>
              <div class="name">任务</div>
              <div class="code-name">#icon-renwu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gaojing"></use>
              </svg>
              <div class="name">告警</div>
              <div class="code-name">#icon-gaojing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shuidi-"></use>
              </svg>
              <div class="name">水滴</div>
              <div class="code-name">#icon-shuidi-</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shujuchaxun"></use>
              </svg>
              <div class="name">数据查询</div>
              <div class="code-name">#icon-shujuchaxun</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tupian"></use>
              </svg>
              <div class="name">图片</div>
              <div class="code-name">#icon-tupian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-app"></use>
              </svg>
              <div class="name">app</div>
              <div class="code-name">#icon-app</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renyuanguanli"></use>
              </svg>
              <div class="name">人员管理</div>
              <div class="code-name">#icon-renyuanguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-relitu"></use>
              </svg>
              <div class="name">热力图</div>
              <div class="code-name">#icon-relitu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ziyuanxhdpi1"></use>
              </svg>
              <div class="name">控制点</div>
              <div class="code-name">#icon-ziyuanxhdpi1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhihuizhongxin"></use>
              </svg>
              <div class="name">指挥中心</div>
              <div class="code-name">#icon-zhihuizhongxin</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-guiji-"></use>
              </svg>
              <div class="name">轨迹-01</div>
              <div class="code-name">#icon-guiji-</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xietongzhihuidaping"></use>
              </svg>
              <div class="name">协同指挥大屏</div>
              <div class="code-name">#icon-xietongzhihuidaping</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yingyong"></use>
              </svg>
              <div class="name">应用</div>
              <div class="code-name">#icon-yingyong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fuwuquyu"></use>
              </svg>
              <div class="name">服务区域</div>
              <div class="code-name">#icon-fuwuquyu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-bukonggaojing"></use>
              </svg>
              <div class="name">布控告警</div>
              <div class="code-name">#icon-bukonggaojing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shebeiguanli"></use>
              </svg>
              <div class="name">设备管理</div>
              <div class="code-name">#icon-shebeiguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-case-file-full"></use>
              </svg>
              <div class="name">案件,档案,档案夹</div>
              <div class="code-name">#icon-case-file-full</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-supervision-full"></use>
              </svg>
              <div class="name">监控,控制,管理监</div>
              <div class="code-name">#icon-supervision-full</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-warplane-full"></use>
              </svg>
              <div class="name">战斗机,作战</div>
              <div class="code-name">#icon-warplane-full</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shipindianweiguanli"></use>
              </svg>
              <div class="name">视频点位管理</div>
              <div class="code-name">#icon-shipindianweiguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-pengzhuangfenxi"></use>
              </svg>
              <div class="name">碰撞分析</div>
              <div class="code-name">#icon-pengzhuangfenxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shebeizu"></use>
              </svg>
              <div class="name">设备组</div>
              <div class="code-name">#icon-shebeizu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-daoru"></use>
              </svg>
              <div class="name">导入</div>
              <div class="code-name">#icon-daoru</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiazai"></use>
              </svg>
              <div class="name">下载</div>
              <div class="code-name">#icon-xiazai</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yigaojing"></use>
              </svg>
              <div class="name">已告警</div>
              <div class="code-name">#icon-yigaojing</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xinzeng"></use>
              </svg>
              <div class="name">新增-表格</div>
              <div class="code-name">#icon-xinzeng</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiancedianguanli"></use>
              </svg>
              <div class="name">监测点管理</div>
              <div class="code-name">#icon-jiancedianguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shebei"></use>
              </svg>
              <div class="name">设备</div>
              <div class="code-name">#icon-shebei</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-wuxianwang"></use>
              </svg>
              <div class="name">无线网</div>
              <div class="code-name">#icon-wuxianwang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ziyuanxhdpi"></use>
              </svg>
              <div class="name">告警配置</div>
              <div class="code-name">#icon-ziyuanxhdpi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiancedian"></use>
              </svg>
              <div class="name">监测点</div>
              <div class="code-name">#icon-jiancedian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gaojingbaobiao"></use>
              </svg>
              <div class="name">告警报表</div>
              <div class="code-name">#icon-gaojingbaobiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-gaojingshitu"></use>
              </svg>
              <div class="name">告警视图</div>
              <div class="code-name">#icon-gaojingshitu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiance"></use>
              </svg>
              <div class="name">监测</div>
              <div class="code-name">#icon-jiance</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shebei1"></use>
              </svg>
              <div class="name">设备</div>
              <div class="code-name">#icon-shebei1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zaixianjiance"></use>
              </svg>
              <div class="name">在线监测</div>
              <div class="code-name">#icon-zaixianjiance</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zanting"></use>
              </svg>
              <div class="name">暂停</div>
              <div class="code-name">#icon-zanting</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-qiyong"></use>
              </svg>
              <div class="name">启用</div>
              <div class="code-name">#icon-qiyong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-pipeizhiwei"></use>
              </svg>
              <div class="name">匹配职位-填充</div>
              <div class="code-name">#icon-pipeizhiwei</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-diannao"></use>
              </svg>
              <div class="name">电脑</div>
              <div class="code-name">#icon-diannao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-menu-s"></use>
              </svg>
              <div class="name">菜单-实色</div>
              <div class="code-name">#icon-menu-s</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiaoseliebiao"></use>
              </svg>
              <div class="name">角色列表</div>
              <div class="code-name">#icon-jiaoseliebiao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-bianji"></use>
              </svg>
              <div class="name">编辑</div>
              <div class="code-name">#icon-bianji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-dianji"></use>
              </svg>
              <div class="name">点击</div>
              <div class="code-name">#icon-dianji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shanchu"></use>
              </svg>
              <div class="name">删除</div>
              <div class="code-name">#icon-shanchu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-chaolianjie"></use>
              </svg>
              <div class="name">超链接</div>
              <div class="code-name">#icon-chaolianjie</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ziyuan"></use>
              </svg>
              <div class="name">用户</div>
              <div class="code-name">#icon-ziyuan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-quanxian"></use>
              </svg>
              <div class="name">权限</div>
              <div class="code-name">#icon-quanxian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-anjianchaxun"></use>
              </svg>
              <div class="name">案件查询</div>
              <div class="code-name">#icon-anjianchaxun</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-bumenguanli"></use>
              </svg>
              <div class="name">部门管理</div>
              <div class="code-name">#icon-bumenguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-guanli"></use>
              </svg>
              <div class="name">管理</div>
              <div class="code-name">#icon-guanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-riqi"></use>
              </svg>
              <div class="name">日期</div>
              <div class="code-name">#icon-riqi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-sousuo"></use>
              </svg>
              <div class="name">搜索</div>
              <div class="code-name">#icon-sousuo</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-hetongguizeguankong"></use>
              </svg>
              <div class="name">合同规则管控</div>
              <div class="code-name">#icon-hetongguizeguankong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fenxi2"></use>
              </svg>
              <div class="name">分析(2)</div>
              <div class="code-name">#icon-fenxi2</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shouji"></use>
              </svg>
              <div class="name">手机</div>
              <div class="code-name">#icon-shouji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shouji1"></use>
              </svg>
              <div class="name">手机</div>
              <div class="code-name">#icon-shouji1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiaoxi1"></use>
              </svg>
              <div class="name">消息</div>
              <div class="code-name">#icon-xiaoxi1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-dangan"></use>
              </svg>
              <div class="name">档案</div>
              <div class="code-name">#icon-dangan</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renxiang"></use>
              </svg>
              <div class="name">人像</div>
              <div class="code-name">#icon-renxiang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ziyuanldpi"></use>
              </svg>
              <div class="name">放大</div>
              <div class="code-name">#icon-ziyuanldpi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-guanlian"></use>
              </svg>
              <div class="name">关联</div>
              <div class="code-name">#icon-guanlian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fenxi"></use>
              </svg>
              <div class="name">分析</div>
              <div class="code-name">#icon-fenxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shujutupu"></use>
              </svg>
              <div class="name">数据图谱</div>
              <div class="code-name">#icon-shujutupu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fenxi1"></use>
              </svg>
              <div class="name">统计分析</div>
              <div class="code-name">#icon-fenxi1</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-liutongcanshu"></use>
              </svg>
              <div class="name">流通参数</div>
              <div class="code-name">#icon-liutongcanshu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yunyingfenxi"></use>
              </svg>
              <div class="name">运营分析</div>
              <div class="code-name">#icon-yunyingfenxi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fenxitongji"></use>
              </svg>
              <div class="name">分析统计</div>
              <div class="code-name">#icon-fenxitongji</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-etc"></use>
              </svg>
              <div class="name">etc</div>
              <div class="code-name">#icon-etc</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ziyuan101"></use>
              </svg>
              <div class="name">无线网络</div>
              <div class="code-name">#icon-ziyuan101</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-hebingxingzhuang"></use>
              </svg>
              <div class="name">档案调阅</div>
              <div class="code-name">#icon-hebingxingzhuang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-fenxiqushi"></use>
              </svg>
              <div class="name">分析趋势</div>
              <div class="code-name">#icon-fenxiqushi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-renlianzhuapai"></use>
              </svg>
              <div class="name">人脸抓拍</div>
              <div class="code-name">#icon-renlianzhuapai</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shuqian"></use>
              </svg>
              <div class="name">书签</div>
              <div class="code-name">#icon-shuqian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-cheliang"></use>
              </svg>
              <div class="name">车辆</div>
              <div class="code-name">#icon-cheliang</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jichuguanli"></use>
              </svg>
              <div class="name">基础管理</div>
              <div class="code-name">#icon-jichuguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zidianbiaoguanli"></use>
              </svg>
              <div class="name">字典表管理</div>
              <div class="code-name">#icon-zidianbiaoguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhankai"></use>
              </svg>
              <div class="name">通用-展开</div>
              <div class="code-name">#icon-zhankai</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-shouqi"></use>
              </svg>
              <div class="name">通用-收起</div>
              <div class="code-name">#icon-shouqi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-youjian"></use>
              </svg>
              <div class="name">邮件</div>
              <div class="code-name">#icon-youjian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jinggao"></use>
              </svg>
              <div class="name">警告</div>
              <div class="code-name">#icon-jinggao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-changguizidian"></use>
              </svg>
              <div class="name">常规字典</div>
              <div class="code-name">#icon-changguizidian</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-icon_update"></use>
              </svg>
              <div class="name">上传</div>
              <div class="code-name">#icon-icon_update</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-rizhi"></use>
              </svg>
              <div class="name">日志</div>
              <div class="code-name">#icon-rizhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhongduankongzhi"></use>
              </svg>
              <div class="name">终端控制</div>
              <div class="code-name">#icon-zhongduankongzhi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xitongguanli"></use>
              </svg>
              <div class="name">系统管理</div>
              <div class="code-name">#icon-xitongguanli</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-zhuti"></use>
              </svg>
              <div class="name">主题</div>
              <div class="code-name">#icon-zhuti</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-ditu"></use>
              </svg>
              <div class="name">地图</div>
              <div class="code-name">#icon-ditu</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-jiankong"></use>
              </svg>
              <div class="name">监控</div>
              <div class="code-name">#icon-jiankong</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-yiwenhao"></use>
              </svg>
              <div class="name">疑问号</div>
              <div class="code-name">#icon-yiwenhao</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-tishi"></use>
              </svg>
              <div class="name">提示</div>
              <div class="code-name">#icon-tishi</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-building-fill"></use>
              </svg>
              <div class="name">建筑</div>
              <div class="code-name">#icon-building-fill</div>
            </li>

            <li class="dib">
              <svg class="icon svg-icon" aria-hidden="true">
                <use xlink:href="#icon-xiaoxi"></use>
              </svg>
              <div class="name">消息</div>
              <div class="code-name">#icon-xiaoxi</div>
            </li>
          </ul>
          <div class="article markdown">
            <h2 id="symbol-">Symbol 引用</h2>
            <hr />

            <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a> 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
            <ul>
              <li>支持多色图标了，不再受单色限制。</li>
              <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
              <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
              <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
            </ul>
            <p>使用步骤如下：</p>
            <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
            <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
            <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
            <pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
            <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
            <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
        </div>
      </div>
    </div>
    <script>
      $(document).ready(function() {
        $('.tab-container .content:first').show()

        $('#tabs li').click(function(e) {
          var tabContent = $('.tab-container .content')
          var index = $(this).index()

          if ($(this).hasClass('active')) {
            return
          } else {
            $('#tabs li').removeClass('active')
            $(this).addClass('active')

            tabContent
              .hide()
              .eq(index)
              .fadeIn()
          }
        })
      })
    </script>
  </body>
</html>
